@import './modules/header.scss';
@import './modules/header2.scss';
@import './modules/navs.scss';
@import './modules/focus.scss';
@import './modules/recommend.scss';
@import './modules/vivas.scss';
@import './modules/floors.scss';
@import './modules/reset.scss';
@import './modules/footer.scss';



*{margin: 0;padding: 0}

.icon {
    background: url(/imgs/icon.png) no-repeat;
    display: inline-block;
    overflow: hidden;
}


.fl {
    float: left;
}
.fr {
    float: right;
}
img {
    border: 0;
    outline: none;
    vertical-align: middle;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}



body {
    font: 12px/1.5 punctuation, 微软雅黑;
    color: #333;
}

// .nav {
//     width: 1200px;
//     margin: 0 auto;
//     line-height: 40px;
// }


.leftnav {
    position: fixed;
    top: 50%;
    left: 0px;
    z-index: 10000;
    margin-top: -114px;
    // display: none;

    .ctitle {
        position: relative;
        background-color: #fedced;
        color: #e40077;
        border-color: #e40077;
        line-height: 13px;
    }


    ul {

        li {
            width: 36px;
            height: 38px;
            overflow: hidden;


            a {
                width: 34px;
                height: 28px;
                background-color: #fafafa;
                text-align: center;
                line-height: 28px;
                border: 1px solid #dadada;
                padding: 3px 0;
                display: block;
            }

            .ftitle {
                background-color: #fedced;
                color: #e40077;
                border-color: #e40077;
                line-height: 13px;
                display: none;

                .titlebox {
                    display: table;
                    overflow: hidden;   
                    width: 34px;
                    height: 28px;

                    span {
                        vertical-align: middle;
                        display: table-cell;
                        width: 100%;

                        i {
                            display: block;
                            width: 100%;
                            cursor: pointer;
                        }
                    }
                }
            }


        }
    }
}


.rightnav {
    display: block;
    position: fixed;
    top: 50%;
    right: 0px;
    z-index: 10000;
    margin-top: -114px;
     ul {

        li {
            width: 40px;
            height: 40px;
            position: relative;

            a {
                width: 40px;
                height: 40px;
                text-align: center;
                background: url(/imgs/ffixed_right.png) no-repeat;
                background-position: 0 0;
                display: block;
            }

            .ftitle {
                display: none;
                background-position: -40px -2px;

                .slide_title {
                    position: absolute;
                    right: 40px;
                    top: 0;
                    height: 40px;
                    line-height: 40px;
                    color: #fff;
                    font-size: 12px;
                    background-color: rgba(0,0,0,0.5);
                    width: 100px;

                    p {
                        color: #fff;
                        position: relative;
                    }
                }

                .QRcode_img {
                    width: 128px;
                    height: 128px;
                    border: 1px solid #ececec;
                    background-color: #fff;
                    text-align: center;
                    padding-top: 12px;

                    img {
                        width: 87px;
                        height: 87px;
                    }

                    p {
                        color: #545454;
                    }
                }


            }

            .shopcart_icon_on {
                background-position: -40px -2px;
            }

            .collection_icon {
                background-position: 0px -79px;
            }

            .collection_icon_on {
                background-position: -40px -80px;
            }

            .QRcode_icon {
                background-position: 0px -118px;
            }

            .QRcode_icon_on {
                background-position: -40px -119px;
            }

            .returntop_icon {
                background-position: 0px -157px;
            }

            .returntop_icon_on {
                background-position: -40px -158px;
            }




        }
     }
}


